<!DOCTYPE html>
<html lang="ch" xmlns:th="http://www.thymeleaf.org" xmlns="">
<head>
    <meta charset="UTF-8">
    <title>地图</title>
    <script>        document.addEventListener('DOMContentLoaded', function () {
        // 页面加载完成后自动提交表单
        document.getElementById('autoSubmitForm').submit();
    });
    </script>
    <link rel="stylesheet" href="/js/bstable/css/bootstrap.min.css">
    <link href="/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="/js/jQueryPage/src/jquery.page.css">
    <link rel="stylesheet" href="/css/base.css" type="text/css" >
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.css" />
    <link rel="stylesheet" href="https://iclient.supermap.io/dist/leaflet/iclient-leaflet.min.css" />
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.js"></script>
    <script type="text/javascript" src="https://iclient.supermap.io/dist/leaflet/iclient-leaflet.js"></script>
    <script include="leaflet.heat,mapv,leaflet.markercluster,leaflet.draw,echarts" src="/js/include-leaflet.js" type=”text/javascript”></script>
    <script include="jquery,bootstrap-css" src="/js/include-web.js" type=”text/javascript”></script>


</head>
<body>
<!--<form th:action="@{/dashboard/search}" method="get">-->
<!--    -->
<!--</form>-->
<!--顶部-->
<header class="header left">
    <div class="left nav">
        <ul>
            <li ><i class="nav_1"></i><a th:href="@{/loc}">实时数据</a> </li>
            <li class="nav_active"><i class="nav_3"></i><a th:href="@{/}">用户信息</a> </li>
            <li><i class="nav_3"></i><a href="AdminHomePage.html">统计数据</a> </li>
        </ul>
    </div>
    <div class="header_center left">
        <h2><strong>助盲综合服务平台</strong></h2>
        <p class="color_font"><small>Comprehensive Service Platform for the Visually Impaired</small></p>
    </div>
    <!--    <div class="right nav text_right">-->
    <!--        <ul> <li><i class="nav_7"></i><a th:href="@{/loc}">查询统计</a> </li>-->
    <!--            <li><i class="nav_8"></i><a href="message.html">信息录入</a> </li>-->
    <!--            <li><i class="nav_4"></i><a href="table1.html">表格界面</a> </li>-->
    <!--        </ul>-->
    <!--    </div>-->
</header>
<!--内容部分-->
<div class="map_con left" id="car_control">
    <!--左侧地图-->
    <div class="left map_left"  >
        <div  class="map_box" id="map_box"></div>

    </div>
    <!--右侧功能栏-->
    <div class="right map_right ">
        <div class="map_right_top">
            <ul><li class="li_active">统计信息</li>
                <li><a th:href="@{dashboard/search2?name=1}">用户搜索</a></li>
            </ul>
        </div>

        <div class="map_con2">
            <div class="map_con_div" style="display: block" >
<!--                饼状图1-->
                <div class="map_chart">
                    <div class="div_any_title">用户类型统计 </div>
                    <p id="char1" class="p_chart"></p>
                </div>
                <!--饼状图2-->
                <div class="map_chart">
                    <div class="div_any_title">绑定统计 </div>
                    <p id="char2" class="p_chart"></p>
                </div>


            </div>

        </div>

    </div>

</div>
<!--<script>-->
<!--    fetch("/dashboard/sort", {-->
<!--        method: 'GET'-->
<!--    })-->
<!--        .then(response => {-->
<!--            if (!response.ok) {-->
<!--                throw new Error(`HTTP error! status: ${response.status}`);-->
<!--            }-->

<!--            return response.json();-->
<!--        })-->
<!--        .then(data => {-->
<!--            console.log(data);-->
<!--        })-->
<!--        .catch(error => {-->
<!--            console.error("Error fetching GeoJSON data:", error);-->
<!--        });-->

<!--</script>-->
<script src="/js/jquery/jQuery-2.2.0.min.js" type="text/javascript"></script>
<script src="/js/base.js" type="text/javascript"></script>
<script src="/js/echarts-all.js" type="text/javascript"></script>
<!--<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5ieMMexWmzB9jivTq6oCRX9j&callback"></script>-->
<script src="/js/jQueryPage/src/jquery.page.js" type="text/javascript"></script>
<script src="/js/map_control.js" type="text/javascript"></script>
<script src="/js/ztree/jquery.ztree.all-3.5.js" type="text/javascript"></script>
<script src="/js/listTree.js" type="text/javascript"></script>

</body>
</html>
